<template>
  <div class="content clearfix">
    <News></News>
    <Carousel></Carousel>
  </div>
</template>

<script>
import Carousel from "../../components/Carousel/index";
import Partner from "../../components/Partner/index";
import Picture from "../../components/PictureSection/index";
import Header from "../../components/Header/index";
import News from "../../components/News/index";
import Footer from "../../components/Footer/index";
export default {
  name: "Home",
  components: {
    Picture,
    Header,
    News,
    Footer,
    Partner,
    Carousel,
  },
  created() {},
  mounted() {
    console.log("mounted");
  },
};
</script>

<style lang="less">
clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.content {
  max-width: 1200px;
  margin: 20px auto;
  padding: 0 20px;
}
</style>